<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,shrink-to-fit=no">
    <meta name="format-detection" content="telephone=no, email=no">
    <title>入汕人员信息登记</title>
    <link rel="apple-touch-icon" href="apple-touch-icon.png">
    <link rel="stylesheet" type="text/css" href="css/normalize.css">
    <link rel="stylesheet" href="css/global.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
    <style type="text/css">
      html,body{ background-color: transparent;}
      .fillBox{ background-color: rgb(237, 255, 235); }
      .redBg{ background-color: rgb(255, 235, 235); }
      .redBg .fillList,.fillBox .fillList{ background-color: transparent; }
      section{position: absolute; top:0px; bottom: 0px; overflow-y: scroll; -webkit-overflow-scrolling: touch; background-color: rgb(237, 255, 235);width: 100%;
      }
    </style>
  </head>
  <body id="app">
    <section class="padB25 fillBox redBg">
        <ul class="fillList">
            <li class="fillItem">
                <span class="colorR font28">请将当前界面或截图出示给卡口工作人员进行检查</span>
            </li>
            <li class="fillItem">
                <span class="colorB font28">当前卡口</span>
                <span class="itemValue font28">揭惠高速铜贵出入口（揭阳方向入口）</span>
            </li>
            <li class="fillItem">
                <span class="itemName font28">检查时间</span>
                <span class="itemValue font28">2020.02.05 10:25:32</span>
            </li>
            <li class="fillItem">
                <span class="colorB font28">人员信息</span>
            </li>

            <!-- start 入汕人员若勾选了该项信息，则进行醒目提示，若用户没有勾选，则不显示 -->
            <li class="fillItem">
                <div class="colorR font36">
                    <i class="fa fa-exclamation-triangle" aria-hidden="true"></i><span class="colorR">14天内经过湖北</span>
                </div>
            </li>
            <li class="fillItem">
                <div class="colorR font36">
                    <i class="fa fa-exclamation-triangle" aria-hidden="true"></i><span class="colorR">14天内与确诊患者接触</span>
                </div>
            </li>
            <!-- end 入汕人员若勾选了该项信息，则进行醒目提示，若用户没有勾选，则不显示 -->

            <li class="fillItem">
                <span class="itemName font28">姓名</span>
                <span class="itemValue font28">张小明</span>
            </li>
            <li class="fillItem">
                <span class="itemName font28">性别</span>
                <span class="itemValue font28">男</span>
            </li>
            <li class="fillItem">
                <span class="itemName font28">身份证号</span>
                <span class="itemValue font28">44050919900111234</span>
            </li>
            <li class="fillItem">
                <span class="itemName font28">手机号码</span>
                <span class="itemValue font28">13800138000</span>
            </li>
            <li class="fillItem">
                <span class="itemName font28">入汕方式</span>
                <span class="itemValue font28">火车</span>
            </li>
            <li class="fillItem">
                <span class="itemName font28">车次</span>
                <span class="itemValue font28">k9955</span>
            </li>
            <li class="fillItem">
                <span class="itemName font28">来源地</span>
                <span class="itemValue font28">湖北省，武汉市，江汉区</span>
            </li>
            <li class="fillItem">
                <span class="itemName font28">目的地</span>
                <span class="itemValue font28">广东省，汕头市，南澳区</span>
            </li>
            <li class="fillItem">
                <span class="itemName font28">最近更新时间</span>
                <span class="itemValue font28">2020.02.05 10:25:32</span>
            </li>
        </ul>
        <div class='footer'>
          <span class="textBtn">点击截图</span>
          <span class="textBtn">更新信息</span>
        </div>
    </section>

    <div class="pop_bg" style="display: none;"></div>
    <div class="popScroll" style="display: none;">
        <img src="images/001.jpg" alt="">
    </div>
    
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/global.js"></script>
    <script type="text/javascript">
        myJS.imgScale('.j_1', '1', '1');
        myJS.ImgFull('.loadImg','images/error.png');
        $(function(){
            $('.j_popTips').click(function(){
                  $('.popbg,.popBox').show();
            })
            $('.j_cancel').click(function(){
                  $('.popbg,.popBox').hide();
            })
            $('#nav div').click(function () {
                $('.friendsList').animate({scrollTop: $("#" + this.className).offset().top + $('.friendsList').scrollTop() - $('.pop_text').outerHeight() - $('.goodItem').eq(1).offset().top}, 500);

            });
        })
    </script>
  </body>
</html>
